Learn about low-fidelity prototypes 瞭解低保真原型
從線框圖到原型:理解原型的作用(From Wireframe to Prototype: What It Means)
UX設計是一個不斷最佳化的過程,我們會不斷提出想法、驗證假設、獲取反饋並做出調整。原型製作是這個迴圈中非常關鍵的一步,它幫助我們在產品開發之前驗證設計思路。
什麼是原型?(What is a Prototype?)
原型(Prototype)就是產品的初步模型,用來展示產品長什麼樣、怎麼用,但還沒有真正開發出來。它主要用來:
- 讓團隊和相關人員看懂產品的想法
- 讓使用者試試基本的操作流程
- 收集使用者意見,避免後期大改浪費成本
什麼是低保真原型(What Is a Low-Fidelity Prototype?)
在UX設計中,"保真度"就是指設計和最終產品有多像。低保真原型就是最簡單、最基礎的產品樣子,用來快速測試創意。
它不需要做得很精美,重點是展示頁面結構和操作流程。
它有這些特點:
- 用簡單的線條和框框來畫
- 可以點選跳轉到其他頁面
- 只能做簡單的操作,主要用來展示重要功能
從線框圖到低保真原型的過渡(Transition: Wireframe → Low-Fidelity Prototype)
主要區別:互動性(Interactivity)
- 線框圖是靜態的草圖,用來展示頁面上各個部分的位置和功能。
- 低保真原型線上框圖的基礎上,增加了簡單的點選功能,使用者可以點選按鈕跳到下一個頁面。
舉個例子:
- 假如你畫了四個頁面(首頁、詳情頁、支付頁、確認頁),低保真原型就是把這些頁面連起來,讓使用者可以點選按鈕,從一個頁面跳到另一個頁面。
- 在Figma工具裡,你可以用"Prototype"功能把頁面連線起來。
紙面原型與數字原型的區別(Paper vs. Digital Low-Fidelity Prototypes)
| 型別 | 描述 | 示例 |
|---|---|---|
| 紙面原型 | 用手繪頁面展示功能,由人手動模擬互動過程 | 同伴“扮演”計算機翻動草圖頁面 |
| 數字原型 | 使用工具(如Figma)建立可點選的互動路徑,模擬使用者操作過程 | 點選“提交”按鈕跳轉到下一頁面 |
為什麼要製作低保真原型(Why Low-Fidelity Prototypes Matter)
- 快速驗證想法:開發之前先看看使用者能不能看懂、喜不喜歡。
- 省錢省力:早點發現問題,不用後面重做。聽取意見:讓團隊和使用者試用後給建議,改進設計。